<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<ui:composition template="/templates/tmpl_game.xhtml">

	<ui:define name="centro">
		<h:form id="formIndex">
			<p:poll interval="30" update=":formIndex:tempo" />
			<div class="inicioJogo">
				<div class="quadro">
					<h:commandLink class="menu" action="/usuario/tarefas">
						<div class="postit" id="tarefas" style="position: relative; top: 25px; left: 20px;">Tarefas</div>
					</h:commandLink>
					<h:commandLink class="menu" action="/usuario/concluidas">
						<div class="postit" id="concluidas" style="position: relative; top: -25px; left: 280px;">Concluídas</div>
					</h:commandLink>
					<h:commandLink class="menu" action="/usuario/lazer">
						<div class="postit" id="lazer" style="position: relative; top: 25px; left: 20px;">Lazer</div>
					</h:commandLink>
					<h:commandLink class="menu" action="/usuario/treinamento">
						<div class="postit" id="treinamento" style="position: relative; top: -25px; left: 280px;">Treinamento</div>
					</h:commandLink>
					<h:commandLink class="menu" action="/usuario/jogador">
						<div class="postit" id="jogador" style="position: relative; top: 25px; left: 20px;">Jogadores</div>
					</h:commandLink>
					<h:outputLink class="menu">
						<div class="postit" id="escritorio" style="position: relative; top: -25px; left: 280px;">Perfil</div>
					</h:outputLink>
				</div>
				<div class="tempo">
					<h:panelGrid columns="2" cellpadding="4" id="tempo">
						<p:outputLabel value="Dia:" />
						<p:outputLabel value="#{diaMBean.diaAtual}" />
						<p:outputLabel value="Tempo Restante:" />
						<p:outputLabel value="#{diaMBean.tempoRestante} minutos" />
					</h:panelGrid>
				</div>
				<!-- 
				<h:panelGrid columns="1" rendered="#{indexGameMBean.showMensagem()}">
					<blockquote class="example-right">
						<p>#{indexGameMBean.mensagem}</p>
					</blockquote>
				</h:panelGrid>
				 -->
			</div>

		</h:form>

	</ui:define>

</ui:composition>

</html>
